import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"


const About = ({ data }) => {
  console.log(data.site.siteMetadata.title)
  return (
    <Layout>
      <div>
        <h1>Title: {data.site.siteMetadata.title}111</h1>
        <p>author: {data.site.siteMetadata.author}222</p>
        <div>about me</div>
      </div>
    </Layout>
  )
}

export default About

export const query = graphql`
  query {
    site {
      siteMetadata {
        title
        author
      }
    }
  }
`
